1 <?php
2 include 'includes/connect.php';
3 include 'includes/wallet.php';
4 $total = 0;
5 if($_SESSION['customer_sid']==session_id())
6 {
7 $result = mysqli_query($con, "SELECT * FROM users where id = $user_id");
8 while($row = mysqli_fetch_array($result)){
9 $name = $row['name'];
10 $address = $row['address'];
11 $contact = $row['contact'];
12 $verified = $row['verified'];
13 }
14 ?>
15 <!DOCTYPE html>
16 <html lang="en">
17
18 <head>
19 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
20 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
21 <meta http-equiv="X-UA-Compatible" content="IE=edge">
22 <meta name="msapplication-tap-highlight" content="no">
23 <title>Provide Order Details</title>
24
25 <!-- Favicons-->
26 <link rel="icon" href="images/favicon/favicon-32x32.png" sizes="32x32">
27 <!-- Favicons-->
28 <link rel="apple-touch-icon-precomposed" href="images/favicon/apple-touch-icon-152x152.png">
29 <!-- For iPhone -->
30 <meta name="msapplication-TileColor" content="#00bcd4">
31 <meta name="msapplication-TileImage" content="images/favicon/mstile-144x144.png">
32 <!-- For Windows Phone -->
33
34
35 <!-- CORE CSS-->
36 <link href="css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection">
37 <link href="css/style.min.css" type="text/css" rel="stylesheet" media="screen,projection">
38 <!-- Custome CSS-->
39 <link href="css/custom/custom.min.css" type="text/css" rel="stylesheet" media="screen,projection">
40
41 <!-- INCLUDED PLUGIN CSS ON THIS PAGE -->
42 <link href="js/plugins/perfect-scrollbar/perfect-scrollbar.css" type="text/css" rel="stylesheet" media="screen,projection">
43 <style type="text/css">
44 .input-field div.error{
45 position: relative;
46 top: -1rem;
47 left: 0rem;
48 font-size: 0.8rem;
49 color:#FF4081;
50 -webkit-transform: translateY(0%);
51 -ms-transform: translateY(0%);
52 -o-transform: translateY(0%);
53 transform: translateY(0%);
54 }
55 .input-field label.active{
56 width:100%;
57 }
58 .left-alert input[type=text] + label:after,
59 .left-alert input[type=password] + label:after,
60 .left-alert input[type=email] + label:after,
61 .left-alert input[type=url] + label:after,
62 .left-alert input[type=time] + label:after,
63 .left-alert input[type=date] + label:after,
64 .left-alert input[type=datetime-local] + label:after,
65 .left-alert input[type=tel] + label:after,
66 .left-alert input[type=number] + label:after,
67 .left-alert input[type=search] + label:after,
68 .left-alert textarea.materialize-textarea + label:after{
69 left:0px;
70 }
71 .right-alert input[type=text] + label:after,
72 .right-alert input[type=password] + label:after,
73 .right-alert input[type=email] + label:after,
74 .right-alert input[type=url] + label:after,
75 .right-alert input[type=time] + label:after,
76 .right-alert input[type=date] + label:after,
77 .right-alert input[type=datetime-local] + label:after,
78 .right-alert input[type=tel] + label:after,
79 .right-alert input[type=number] + label:after,
80 .right-alert input[type=search] + label:after,
81 .right-alert textarea.materialize-textarea + label:after{
82 right:70px;
83 }
84 </style>
85 </head>
86
87 <body>
88 <!-- Start Page Loading -->
89 <div id="loader-wrapper">
90 <div id="loader"></div>
91 <div class="loader-section section-left"></div>
92 <div class="loader-section section-right"></div>
93 </div>
94 <!-- End Page Loading -->
95
96 <!-- //////////////////////////////////////////////////////////////////////////// -->
97
98 <!-- START HEADER -->
99 <header id="header" class="page-topbar">
100 <!-- start header nav-->
101 <div class="navbar-fixed">
102 <nav class="navbar-color">
103 <div class="nav-wrapper">
104 <ul class="left">
105 <li><h1 class="logo-wrapper"><a href="index.php" class="brand-logo darken-1"><img src="images/materialize-logo.png" alt="logo"></a> <span class="logo-text">Logo</span></h1></li>
106 </ul>
107 <ul class="right hide-on-med-and-down">
108 <li><a href="#" class="waves-effect waves-block waves-light"><i class="mdi-editor-attach-money"><?php echo $balance;?></i></a>
109 </li>
110 </ul>
111 </div>
112 </nav>
113 </div>
114 <!-- end header nav-->
115 </header>
116 <!-- END HEADER -->
117
118 <!-- //////////////////////////////////////////////////////////////////////////// -->
119
120 <!-- START MAIN -->
121 <div id="main">
122 <!-- START WRAPPER -->
123 <div class="wrapper">
124
125 <!-- START LEFT SIDEBAR NAV-->
126 <aside id="left-sidebar-nav">
127 <ul id="slide-out" class="side-nav fixed leftside-navigation">
128 <li class="user-details cyan darken-2">
129 <div class="row">
130 <div class="col col s4 m4 l4">
131 <img src="images/avatar.jpg" alt="" class="circle responsive-img valign profile-image">
132 </div>
133 <div class="col col s8 m8 l8">
134 <ul id="profile-dropdown" class="dropdown-content">
135 <li><a href="routers/logout.php"><i class="mdi-hardware-keyboard-tab"></i> Logout</a>
136 </li>
137 </ul>
138 </div>
139 <div class="col col s8 m8 l8">
140 <a class="btn-flat dropdown-button waves-effect waves-light white-text profile-btn" href="#" data-activates="profile-dropdown"><?php echo $name;?> <i class="mdi-navigation-arrow-drop-down right"></i></a>
141 <p class="user-roal"><?php echo $role;?></p>
142 </div>
143 </div>
144 </li>
145 <li class="bold"><a href="index.php" class="waves-effect waves-cyan"><i class="mdi-editor-border-color"></i> Order Food</a>
146 </li>
147 <li class="no-padding">
148 <ul class="collapsible collapsible-accordion">
149 <li class="bold"><a class="collapsible-header waves-effect waves-cyan"><i class="mdi-editor-insert-invitation"></i> Orders</a>
150 <div class="collapsible-body">
151 <ul>
152 <li><a href="orders.php">All Orders</a>
153 </li>
154 <?php
155 $sql = mysqli_query($con, "SELECT DISTINCT status FROM orders WHERE customer_id = $user_id;");
156 while($row = mysqli_fetch_array($sql)){
157 echo '<li><a href="orders.php?status='.$row['status'].'">'.$row['status'].'</a>
158 </li>';
159 }
160 ?>
161 </ul>
162 </div>
163 </li>
164 </ul>
165 </li>
166 <li class="no-padding">
167 <ul class="collapsible collapsible-accordion">
168 <li class="bold"><a class="collapsible-header waves-effect waves-cyan"><i class="mdi-action-question-answer"></i> Tickets</a>
169 <div class="collapsible-body">
170 <ul>
171 <li><a href="tickets.php">All Tickets</a>
172 </li>
173 <?php
174 $sql = mysqli_query($con, "SELECT DISTINCT status FROM tickets WHERE poster_id = $user_id AND not deleted;");
175 while($row = mysqli_fetch_array($sql)){
176 echo '<li><a href="tickets.php?status='.$row['status'].'">'.$row['status'].'</a>
177 </li>';
178 }
179 ?>
180 </ul>
181 </div>
182 </li>
183 </ul>
184 </li>
185 <li class="bold"><a href="details.php" class="waves-effect waves-cyan"><i class="mdi-social-person"></i> Edit Details</a>
186 </li>
187 </ul>
188 <a href="#" data-activates="slide-out" class="sidebar-collapse btn-floating btn-medium waves-effect waves-light hide-on-large-only cyan"><i class="mdi-navigation-menu"></i></a>
189 </aside>
190 <!-- END LEFT SIDEBAR NAV-->
191
192 <!-- //////////////////////////////////////////////////////////////////////////// -->
193
194 <!-- START CONTENT -->
195 <section id="content">
196
197 <!--breadcrumbs start-->
198 <div id="breadcrumbs-wrapper">
199 <div class="container">
200 <div class="row">
201 <div class="col s12 m12 l12">
202 <h5 class="breadcrumbs-title">Provide Order Details</h5>
203 </div>
204 </div>
205 </div>
206 </div>
207 <!--breadcrumbs end-->
208
209
210 <!--start container-->
211 <div class="container">
212 <p class="caption">Provide required delivery and payment details.</p>
213 <div class="divider"></div>
214 <div class="row">
215 <div class="col s12 m4 l3">
216 <h4 class="header">Details</h4>
217 </div>
218 <div>
219 <div class="card-panel">
220 <div class="row">
221 <form class="formValidate col s12 m12 l6" id="formValidate" method="post" action="confirm-order.php" novalidate="novalidate">
222 <div class="row">
223 <div class="input-field col s12">
224 <label for="payment_type">Payment Type</label><br><br>
225 <select id="payment_type" name="payment_type">
226 <option value="Wallet" selected>Wallet</option>
227 <option value="Cash On Delivery" <?php if(!$verified) echo 'disabled';?>>Cash on Delivery</option>
228 </select>
229 </div>
230 </div>
231 <div class="row">
232 <div class="input-field col s12">
233 <i class="mdi-action-home prefix"></i>
234 <textarea name="address" id="address" class="materialize-textarea validate" data-error=".errorTxt1"><?php echo $address;?></textarea>
235 <label for="address" class="">Address</label>
236 <div class="errorTxt1"></div>
237 </div>
238 </div>
239 <div class="row">
240 <div class="input-field col s12">
241 <i class="mdi-action-credit-card prefix"></i>
242 <input name="cc_number" id="cc_number" type="text" data-error=".errorTxt2" required>
243 <label for="cc_number" class="">Card Number</label>
244 <div class="errorTxt2"></div>
245 </div>
246 </div>
247 <div class="row">
248 <div class="input-field col s12">
249 <i class="mdi-communication-vpn-key prefix"></i>
250 <input name="cvv_number" id="cvv_number" type="text" data-error=".errorTxt3" required>
251 <label for="cvv_number" class="">CVV Number</label>
252 <div class="errorTxt3"></div>
253 </div>
254 </div>
255 <div class="row">
256 <div class="row">
257 <div class="input-field col s12">
258 <button class="btn cyan waves-effect waves-light right" type="submit" name="action">Submit
259 <i class="mdi-content-send right"></i>
260 </button>
261 </div>
262 </div>
263 </div>
264 <?php
265 foreach ($_POST as $key => $value)
266 {
267 if($key == 'action' || $value == ''){
268 break;
269 }
270 echo '<input name="'.$key.'" type="hidden" value="'.$value.'">';
271 }
272 ?>
273 </form>
274 </div>
275 </div>
276 </div>
277 <div class="divider"></div>
278
279 </div>
280 <!--end container-->
281
282 </div>
283
284 <div class="container">
285 <p class="caption">Estimated Receipt</p>
286 <div class="divider"></div>
287 <!--editableTable-->
288 <div id="work-collections" class="seaction">
289 <div class="row">
290 <div>
291 <ul id="issues-collection" class="collection">
292 <?php
293 echo '<li class="collection-item avatar">
294 <i class="mdi-content-content-paste red circle"></i>
295 <p><strong>Name:</strong>'.$name.'</p>
296 <p><strong>Contact Number:</strong> '.$contact.'</p>
297 <a href="#" class="secondary-content"><i class="mdi-action-grade"></i></a>';
298
299 foreach ($_POST as $key => $value)
300 {
301 if($value == ''){
302 break;
303 }
304 if(is_numeric($key)){
305 $result = mysqli_query($con, "SELECT * FROM items WHERE id = $key");
306 while($row = mysqli_fetch_array($result))
307 {
308 $price = $row['price'];
309 $item_name = $row['name'];
310 $item_id = $row['id'];
311 }
312 $price = $value*$price;
313 echo '<li class="collection-item">
314 <div class="row">
315 <div class="col s7">
316 <p class="collections-title"><strong>#'.$item_id.' </strong>'.$item_name.'</p>
317 </div>
318 <div class="col s2">
319 <span>'.$value.' Pieces</span>
320 </div>
321 <div class="col s3">
322 <span>Rs. '.$price.'</span>
323 </div>
324 </div>
325 </li>';
326 $total = $total + $price;
327 }
328 }
329 echo '<li class="collection-item">
330 <div class="row">
331 <div class="col s7">
332 <p class="collections-title"> Total</p>
333 </div>
334 <div class="col s2">
335 <span> </span>
336 </div>
337 <div class="col s3">
338 <span><strong>Rs. '.$total.'</strong></span>
339 </div>
340 </div>
341 </li>';
342 if(!empty($_POST['description']))
343 echo '<li class="collection-item avatar"><p><strong>Note: </strong>'.htmlspecialchars($_POST['description']).'</p></li>';
344 ?>
345 </ul>
346
347
348 </div>
349 </div>
350 </div>
351 </div>
352 </div>
353 </div>
354 <!--end container-->
355
356 </section>
357 <!-- END CONTENT -->
358 </div>
359 <!-- END WRAPPER -->
360
361 </div>
362 <!-- END MAIN -->
363
364
365
366 <!-- //////////////////////////////////////////////////////////////////////////// -->
367
368 <!-- START FOOTER -->
369 <footer class="page-footer">
370 <div class="footer-copyright">
371 <div class="container">
372 <span>Copyright © 2017 <a class="grey-text text-lighten-4" href="#" target="_blank">Students</a> All rights reserved.</span>
373 <span class="right"> Design and Developed by <a class="grey-text text-lighten-4" href="#">Students</a></span>
374 </div>
375 </div>
376 </footer>
377 <!-- END FOOTER -->
378
379
380
381 <!-- ================================================
382 Scripts
383 ================================================ -->
384
385 <!-- jQuery Library -->
386 <script type="text/javascript" src="js/plugins/jquery-1.11.2.min.js"></script>
387 <!--angularjs-->
388 <script type="text/javascript" src="js/plugins/angular.min.js"></script>
389 <!--materialize js-->
390 <script type="text/javascript" src="js/materialize.min.js"></script>
391 <!--scrollbar-->
392 <script type="text/javascript" src="js/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
393 <script type="text/javascript" src="js/plugins/jquery-validation/jquery.validate.min.js"></script>
394 <script type="text/javascript" src="js/plugins/jquery-validation/additional-methods.min.js"></script>
395 <script type="text/javascript" src="js/plugins/formatter/jquery.formatter.min.js"></script>
396 <!--plugins.js - Some Specific JS codes for Plugin Settings-->
397 <script type="text/javascript" src="js/plugins.min.js"></script>
398 <!--custom-script.js - Add your own theme custom JS-->
399 <script type="text/javascript" src="js/custom-script.js"></script>
400 <script type="text/javascript">
401 $("#formValidate").validate({
402 rules: {
403 address: {
404 required: true,
405 minlength: 5
406 },
407 cc_number: {
408 required: true,
409 minlength: 16,
410 },
411 cvv_number: {
412 required: true,
413 minlength: 3,
414 },
415 },
416 messages: {
417 address:{
418 required: "Enter a address",
419 minlength: "Enter at least 5 characters"
420 },
421 cc_number:{
422 required: "Please provide card number",
423 minlength: "Enter at least 16 digits",
424 },
425 cvv_number:{
426 required: "Please provide CVV number",
427 minlength: "Enter at least 3 digits",
428 },
429 },
430 errorElement : 'div',
431 errorPlacement: function(error, element) {
432 var placement = $(element).data('error');
433 if (placement) {
434 $(placement).append(error)
435 } else {
436 error.insertAfter(element);
437 }
438 }
439 });
440 $('#cc_number').formatter({
441 'pattern': '{{9999}}-{{9999}}-{{9999}}-{{9999}}',
442 'persistent': true
443 });
444 $('#cvv_number').formatter({
445 'pattern': '{{9}}-{{9}}-{{9}}',
446 'persistent': true
447 });
448 $('#payment_type').change(function() {
449 if ($(this).val() === 'Cash On Delivery') {
450 $("#cc_number").prop('disabled', true);
451 $("#cvv_number").prop('disabled', true);
452 }
453 if ($(this).val() === 'Wallet'){
454 $("#cc_number").prop('disabled', false);
455 $("#cvv_number").prop('disabled', false);
456 }
457 });
458 </script>
459 </body>
460
461 </html>
462 <?php
463 }
464 else
465 {
466 if($_SESSION['admin_sid']==session_id())
467 {
468 header("location:admin-page.php");
469 }
470 else{
471 header("location:login.php");
472 }
473 }
474 ?>
